<template>
  <div id="app">
    <!--头部-->
    <div style="height: 60px;line-height: 60px;background-color:white;: #ccc;margin-bottom: 2px">
      <img src="../src/assets/logo.png" alt="" style="width: 40px;position:relative;top: 10px;left: 20px">
      <span style="font-size: 25px;margin-left: 30px">吾宠宠物服务平台</span>
    </div>
    <!--侧边栏和主体-->
    <div style="display:flex">
      <!--侧边栏-->
      <div
          style="width: 200px;min-height:calc(100vh - 62px);overflow: hidden;margin-right: 2px;background-color:white;">
        <el-menu :default-active="$route.path" router class="el-menu-demo">
          <el-menu-item index="/About"><span><i class="el-icon-setting"></i>工作台</span></el-menu-item>

          <!--员工管理-->
          <el-submenu>
            <template slot="title">
              <i class="el-icon-user"></i>
              <span>员工管理</span>
            </template>
            <el-menu-item index="/User"><i class="el-icon-search"></i><span>员工查询</span></el-menu-item>
            <el-menu-item index="/AddUser"><i class="el-icon-document-add"></i><span>添加员工</span></el-menu-item>
          </el-submenu>
          <!--动物管理-->
          <el-submenu>
            <template slot="title">
              <i class="el-icon-zoom-in"></i>
              <span>动物管理</span>
            </template>
            <el-menu-item index="/Animal"><i class="el-icon-search"></i><span>动物查询</span></el-menu-item>
            <el-menu-item index="/AddAnimal"><i class="el-icon-document-add"></i><span>添加动物</span></el-menu-item>
          </el-submenu>


          <el-menu-item index="1"><span><i class="el-icon-notebook-2"></i>订单管理</span></el-menu-item>
          <el-menu-item index="1"><span><i class="el-icon-shopping-cart-1"></i>分类管理</span></el-menu-item>
          <el-menu-item index="1"><span><i class="el-icon-box"></i>药品管理</span></el-menu-item>
        </el-menu>
      </div>
      <!--内容-->
      <div style="flex: 1;background-color:white">
        <!--        <div style="margin-top: 30vh;margin-left: 50vh">-->
        <!--          <img src="./img/logo1.png">-->
        <!--        </div>-->
        <router-view/>
      </div>

    </div>
  </div>
</template>
